<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="java.util.Date"%>
<%@ include file="../common.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>工单</title>
    <link href="${ctx}/static/agent-ui/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/easyui/themes/gray/base.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/easyui/themes/color.css?version=1"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/easyui/themes/default.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/agent-ui/css/buttons.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/player.css"/>
    <link href="${ctx}/static/agent-ui/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="${ctx}/static/agent-ui/plugins/autocomplete/autocomplete.css" rel="stylesheet"/>
    <link href="${ctx}/static/easyui/themes/gray/easyui.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="${ctx}/static/jquery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/agent-ui/plugins/layui/layui.all.js"></script>
    <script type="text/javascript" src="${ctx}/static/akt-ui/js/buttons.js"></script>


    <script>
        var ctx = "${ctx}"
    </script>
    <style>
        .layui-form-pane .layui-form-label {
            width: 150px;
            padding: 8px 15px;
            height: 38px;
            line-height: 20px;
            border-width: 1px;
            border-style: solid;
            border-radius: 2px 0 0 2px;
            text-align: center;
            background-color: #FBFBFB;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            box-sizing: border-box
        }
        .layui-form-pane .layui-input-block {
            margin-left: 180px;
            left: -1px
        }
        .uploader-list {
            margin-left: -15px;
        }

        .uploader-list .info {
            position: relative;
            margin-top: -25px;
            background-color: black;
            color: white;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.5;
            opacity: 0.5;
            width: 100px;
            height: 25px;
            text-align: center;
            display: none;
        }

        .uploader-list .handle {
            position: relative;
            background-color: black;
            color: white;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.5;
            opacity: 0.5;
            width: 100px;
            text-align: right;
            height: 18px;
            margin-bottom: -18px;
            display: none;
        }

        .uploader-list .handle i {
            margin-right: 5px;
        }

        .uploader-list .handle i:hover {
            cursor: pointer;
        }

        .uploader-list .file-iteme {
            margin: 12px 0 0 15px;
            padding: 1px;
            float: left;
        }
        .carousel-items{
            /*z-index: 999;*/
        }
        .btn-group button {
            background-color: #1E9FFF; /* Green background */
            border: 1px solid green; /* Green border */
            color: white; /* White text */
            padding: 10px 24px; /* Some padding */
            cursor: pointer; /* Pointer/hand icon */
            width: 100%; /* Set a width if needed */
            display: block; /* Make the buttons appear below each other */
        }

        .btn-group button:not(:last-child) {
            border-bottom: none; /* Prevent double borders */
        }

        /* Add a background color on hover */
        .btn-group button:hover {
            background-color: #3e8e41;
        }
        .button-dropdown-list {
            display: none;
            position: inherit;
            padding: 0;
            margin: 0;
            top: 0;
            left: 0;
            z-index: 1000;
            min-width: 100%;
            list-style-type: none;
            background: rgba(255, 255, 255, 0.95);
            border-style: solid;
            border-width: 1px;
            border-color: #d4d4d4;
            font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            /*
            * Dropdown Below
            *
            */
            /*
            * Dropdown Above
            *
            */ }


    </style>
</head>
<body style="min-width: 1100px;overflow-x: auto">
<%--图片查看--%>
<%--<div class="layui-row" id="previewPic" style="display: none;">
    <div class="layui-carousel test10Class" id="test10" >
        <div carousel-item  id="appendDiv">
        </div>
    </div>
</div>--%>
<%--点击查看跳出轮播图部分--%>
<div class="layui-carousel" id="previewPic" style="display: none; text-align: center ">
    <div carousel-item="" id="appendDiv">
    </div>
</div>
<div id="receivedListHeader" class="datagrilBtn" style="height: auto">
    <input type="hidden" id="session_roleId" value="<shiro:principal property="roleId"/>"/>
    <input type="hidden" id="session_userName" value="<shiro:principal property="userName"/>"/>
    <form id="search_form" class="layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input name="email" class="layui-input"  placeholder="请输入报修人邮箱">
                </div>
                <div class="layui-input-inline">
                    <input name="workOrderId" class="layui-input"  placeholder="请输入工单号" >
                </div>
                <div class="layui-input-inline">
                    <select name="status" lay-verify="required">
                        <%--01:调配 02:已接单 03:服务中 04:结束服务--%>
                        <option value="">请选择工单状态</option>
                        <option value="01">待调配</option>
                        <option value="06">待接单</option>
                        <option value="02">已接单</option>
                        <option value="03">服务中</option>
                        <option value="04">服务完成待评价</option>
                        <option value="05">已评价</option>
                        <option value="08">异常关单</option>
                    </select>
                </div>
            </div>

            <div class="layui-inline">
                <div id="search_submit" class="layui-btn layui-btn-normal">查询</div>
            </div>|
            <div class="layui-inline">
                <div id="addData" class="layui-btn layui-btn-normal">新增工单</div>
            </div>|
            <div class="layui-inline">
                <input id="ringTime" name="ringTime" class="layui-input" placeholder="请选择工单时间范围"
                       style="width: 240px" autocomplete="off">
            </div>|
                <div class="layui-inline">
                    <div id="exportData" class="layui-btn layui-btn-normal">导出</div>
                </div>
        </div>
    </form>
</div>
<%--坐席上传图片--%>
<div class="layui-row" id="uploadPic" style="display: none;">
    <div class="layui-upload">
        <button type="button" class="layui-btn layui-btn-normal addPictures" id="addPictures">添加图片</button>
        <%-- 预览展示图片区域 --%>
        <div class="layui-upload-list" id="pictures">
        </div>
    </div>

</div>
<!-- 查看流转信息-->
<div class="layui-row" id="repaireCycleDiv" style="display: none;">
    <%--<ul class="layui-timeline">
    </ul>--%>
        <form id = "repaireCycle_form" class="layui-form layui-form-pane" >
            <div class="layui-form-item">
                <label class="layui-form-label">报修人</label>
                <div class="layui-input-inline">
                    <input name="creatorName" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">部门</label>
                <div class="layui-input-inline">
                    <input name="callerDeptName" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-inline">
                    <input name="address" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">选项</label>
                <div class="layui-input-inline">
                    <input name="machineType" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">判断常用</label>
                <div class="layui-input-inline">
                    <input name="repaireSubject" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-inline">
                    <input name="description" class="layui-input"  disabled>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">创建时间</label>
                <div class="layui-input-inline">
                    <input name="createTime" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">派单时间</label>
                <div class="layui-input-inline">
                    <input name="assignTime" class="layui-input"  disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">接单时间( <span id="currentName" name="currentName"></span> )</label>
                <div class="layui-input-inline">
                    <input name="acceptTime" class="layui-input"  disabled>
                </div>
            </div>

        </form>
</div>
<%--异常关闭--%>
<div class="layui-row" id="exceptionEnd" style="display: none;">
    <form id = "exceptionEnd_form" class="layui-form layui-form-pane" >
        <div class="layui-form-item">
            <label class="layui-form-label">关单原因</label>
            <div class="layui-input-inline">
                <select name="endReason" id="endReason" lay-filter="endReasonFilter">
                    <option value="">请选择</option>
                    <option value="01">用户自行处理</option>
                    <option value="02">重复报单</option>
                    <option value="03">联系不上用户</option>
                    <option value="04">无法处理</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" id = "engineerDiv" style="display: none;">
            <label class="layui-form-label">请选择工程师</label>
            <div class="layui-input-inline">
                <select name="currentId">
                </select>
            </div>
        </div>
    </form>

</div>

<div class="layui-row" id="add" style="display: none;">
    <form id = "add_form" class="layui-form layui-form-pane" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">报修人邮箱</label>
            <div class="layui-input-inline">
                <input  id="email"  name="email" layui-autocomplete lay-verify="required" placeholder="请输入"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选项</label>
            <div class="layui-input-inline">
                <select name="machineType" lay-filter="machineTypeFilter">
                    <%--<option value="">请选择</option>
                    <option value="1">硬件</option>
                    <option value="2">软件</option>
                    <option value="3">会议设备及其他</option>
                    <option value="4">网络</option>
                    <option value="5">电话</option>--%>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">判定常用</label>
            <div class="layui-input-inline">
                <select name="repaireSubject">
                </select>
            </div>
        </div>
        <%--<div class="layui-form-item">
            <label class="layui-form-label">工单来源</label>
            <div class="layui-input-inline">
                <select name="source">
                    <option value="">---请选择---</option>
                        <option value="1">电话报修</option>
                        <option value="2">邮件报修</option>
                        <option value="3">微信报修</option>
                        <option value="4">二维码</option>
                        <option value="5">其他</option>
                </select>
            </div>
        </div>--%>
        <div class="layui-form-item">
            <label class="layui-form-label">报修地点</label>
            <div class="layui-input-inline">
                <select name="address" lay-filter="addressFilter">
                    <option value="">---请选择---</option>
                    <option value="01">兆丰</option>
                    <option value="02">科汇</option>
                    <option value="03">百丽</option>
                    <option value="05">杨浦</option>
                    <option value="04">其他</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">楼层</label>
            <div class="layui-input-inline">
                <select name="floor">

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">报修问题</label>
            <div class="layui-input-inline">
                <input  id = "description" name="description"  placeholder="请输入"  class="layui-input">
            </div>
        </div>
    </form>
</div>
<div class="layui-row" id="edit" style="display: none;">
    <form id = "edit_form" class="layui-form layui-form-pane" action="">
        <input type="hidden" name="id"/>
        <div class="layui-form-item">
            <label class="layui-form-label">报修人</label>
            <div class="layui-input-inline">
                <input  id="creatorName"  name="creatorName" lay-verify="required" placeholder="请输入"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">部门</label>
            <div class="layui-input-inline">
                <input  id="callerDeptName"  name="callerDeptName"  placeholder="请输入"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地点</label>
            <div class="layui-input-inline">
                <select name="address" lay-filter="addressFilter">
                    <option value="">---请选择---</option>
                    <option value="01">兆丰</option>
                    <option value="02">科汇</option>
                    <option value="03">百丽</option>
                    <option value="05">杨浦</option>
                    <option value="04">其他</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">楼层</label>
            <div class="layui-input-inline">
                <select name="floor">

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">维修时间</label>
            <div class="layui-input-inline">
                <select name="expectTime">

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">选项</label>
            <div class="layui-input-inline">
                <select class="weui-select" name="machineType" id="machineType" lay-filter="machineTypeFilter">
                    <%--<option value="">请选择</option>
                    <option value="1">硬件</option>
                    <option value="2">软件</option>
                    <option value="3">会议设备及其他</option>
                    <option value="4">网络</option>
                    <option value="5">电话</option>--%>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">判定常用</label>
            <div class="layui-input-inline">
                <select class="weui-select" name="repaireSubject" id="repaireSubject">
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">报修问题</label>
            <div class="layui-input-inline">
                <input   name="description"  placeholder="请输入"  class="layui-input">
            </div>
        </div>
    </form>
</div>

<%@ include file="circulation.jsp"%>
<div class="layui-row" id="process_01" style="display: none;">
    <form id = "process_form" class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">请选择工程师：</label>
            <div class="layui-input-block" style="margin-right: 20px;">
                <select name="currentId">
                </select>
            </div>
        </div>
    </form>
</div>
<div class="layui-row" id="huidan" style="display: none;">
    <form id = "process2_form" class="layui-form layui-form-pane" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">维修处理说明</label>
            <div class="layui-input-inline">
                <input  name="processSpecification" lay-verify="required" placeholder="请输入"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">原因</label>
            <div class="layui-input-inline">
                <input  name="reason" lay-verify="" placeholder="请输入"  class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">处理备注</label>
            <div class="layui-input-inline">
                <input  name="processRemark" lay-verify="" placeholder="请输入"  class="layui-input">
            </div>
        </div>
    </form>
</div>
<div id="list" class="easyui-datagrid" style="min-width:1100px;overflow-x: scroll"></div>


<script type="text/javascript" src="${ctx}/static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${ctx}/static/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/static/agent-ui/plugins/layui/layui.js"></script>
<script type="text/javascript" src="${ctx}/static/agent/callIn/repaireInfo.js?v=<%=new Date().getTime() %>"/>
<script type="text/javascript" src="${ctx}/static/audiojs/audio.min.js"></script>
<script type="text/javascript" src="${ctx}/static/agent-ui/js/autocomplete.js"></script>
<script type="text/javascript" src="${ctx}/static/agent/floorInfo.js?v=<%=new Date().getTime() %>"/>
<script type="text/javascript" src="${ctx}/static/agent-ui/js/lbt.js"/>
</body>
</html>
